<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>会员注册</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
	<div class="wrapper"> 
		<!--顶部html开始-->
		<div class="top"> 
			<div class="top-content clearfix">
				<div class="top-left clearfix">
					<p>你好，欢迎来到多迪梦工厂</p>
					<a href="#">登录  ｜</a>
					<a href="#"> 免费注册</a>
				</div>
				<div class="top-right clearfix">
					<ul>
						<li><a href="#">收藏本站&nbsp|&nbsp</a></li>
						<li><a href="#"> 我的订单&nbsp|&nbsp</a></li>
						<li><a href="#"> <i></i>购物车<span>0</span>件</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--顶部HTML结束-->
		<!--中间登录框部分正文-->
		<div class="center-content">
			<div class="logo">
				<img src="img/_03.png" alt="" />
			</div>
			<!--选项卡的顶部-->
			<div class="tab clearfix">
				<div class="email active">
					<p>邮箱注册</p>
				</div>
				<div class="phone">
					<p>手机号注册</p>
				</div>
				<div class="logon-btn">
					<span>我已经注册，现在就</span>
					<a href="#">登录</a>					
				</div>
			</div>
			<!--登录框-->
			<form action="zhuce.html" name="regform">
				<ul class="logon-content">
					<li class="clearfix">
						<label for=""><span>*</span>账号名：</label>
						<div class="user">
							<input type="text" name="username" id="" value="" />
							<i></i>
						</div>
						<span class="error" id="errorusername"></span>
					</li>
					<li class="clearfix">
						<label for=""><span>*</span>设定登录密码：</label>
						<div class="passworld">
							<input type="password" name="password" id="" value="" />
							<i></i>
						</div>
						<span class="error" id="errorpassword"></span>
					</li>
					<li class="clearfix">
						<label for=""><span>*</span>再次输入密码：</label>
						<div class="passworld2">
							<input type="password" name="password2" id="" value="" />
							<i></i>
						</div>
						<span class="error" id="errorpassword2"></span>
					</li>
					<li class="clearfix">
						<label for=""><span>*</span>验证邮箱：</label>
						<div class="verify-email">
							<input type="text" name="Email" id="" value="" />
							<i></i>
						</div>
						<span class="error" id="errorEmail"></span>
					</li>
					<li class="clearfix">
						<label for=""><span>*</span>验证码：</label>
						<div class="verify-num">
							<input type="text" name="code" id="" value="" />
						</div>
						<canvas id="canvas" width="144" height="50"></canvas>
						<div class="flush">
							<p href="#">看不清？</p>
							<a href="#">换一张</a>
						</div>
						<span class="error" id="errorcode"></span>
					</li>
					<li class="checked clearfix">
						<input type="checkbox" name="checked" id="" value="" />
						<p>我已经仔细阅读并接受<a href="#">《用户注册协议书》</a></p>
						<span class="error" id="errorcheckbox"></span>
					</li>
					<li class="sub">
						<input onclick="return checkForm()" type="submit"  value="同意以上条款并注册" />
					</li>
				</ul>
			</form>
		</div>
		<!--中间登录框部分结束-->
		<!--底页脚内容-->
		<div class="footer">
			<div class="footer-content">
				<ul class="clearfix">
					<li><a href="#">关于我们&nbsp|&nbsp</a></li>
					<li><a href="#">联系我们&nbsp|&nbsp</a></li>
					<li><a href="#">人才招聘&nbsp|&nbsp</a></li>
					<li><a href="#">商家入驻&nbsp|&nbsp</a></li>
					<li><a href="#">广告服务&nbsp|&nbsp</a></li>
					<li><a href="#">友情链接&nbsp|&nbsp</a></li>
					<li><a href="#">销售联盟&nbsp|&nbsp</a></li>
					<li><a href="#">宁苏社区&nbsp|&nbsp</a></li>
					<li><a href="#">宁苏公益&nbsp|&nbsp</a></li>
					<li><a href="#">English Site</a></li>
				</ul>
				<p>版权所有 多迪梦工厂 粤ICP备11065688号 © Copyright 2012. jianengshop.com. All Rights Reserved.</p>
			</div>
		</div>
		<!--页脚部分结束-->
	</div>
</body>
<script src="js/tabtest.js" type="text/javascript" charset="utf-8"></script>
</html>